<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/shop_cart.css" />
		<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
		<script src="js/shop_cart.js" type="text/javascript"></script>

	</head>

	<body>
		<div class="header_box">
			<div class="header">
				<p>您好，欢迎光临波士蒙斯商城</p>|
				<a href="login.html">您好！路人甲</a>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>
			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>
		</div>
		<div class="cart">
			<div class="step">
				<h3>我的购物车</h3>
				<p>全部商品（<span id="qty">0</span>）</p>
			</div>
			<div class="catbox">
				<table id="cartTable" class="hide">
					<thead>
						<tr>
							<th style="width: 125px;"><label class="select-all"><i id="all0"></i>
                <input class="check-all check" type="checkbox">全选</label></th>
							<th style="width: 470px;padding-right: 50px;">商品信息</th>
							<th style="width: 100px;padding-left: 60px;">单价</th>
							<th style="width: 105px;">数量</th>
							<th style="width: 125px;">总价</th>
							<th style="width: 70px;">操作</th>
						</tr>
					</thead>
					<tbody id="tbody">
						<!--<tr>
							<td class="checkbox"><input class="check-one check" type="checkbox"></td>
							<td class="goods"><a href="pro_details.html"><img src="img/i1.png" alt="">
								<span>花花公子贵宾系列 t恤男2017 新款商务休闲时尚立领印花纯棉长袖T恤男兔头|白色长袖 180/XL</span></a>
								<em>款式：兔头|白色长袖</em><em>尺寸：180/XL</em></td>
							<td class="pri">￥<span class="price">199</span></td>
							<td class="count"><span class="reduce">-</span>
								<input class="count-input" type="text" value="1">
								<span class="add">+</span></td>
							<td class="subt">￥<span class="subtotal">199</span></td>
							<td class="operation"><span>加入收藏夹</span><span class="delete">删除</span></td>
						</tr>
						<tr class="on">
							<td class="checkbox"><input class="check-one check" type="checkbox"></td>
							<td class="goods"><img src="img/i2.png" alt="">
								<span>A21 以纯男装字母印花拼接插肩长袖T恤男 4731320001-1 深绿 175/88A/L</span>
								<em>款式：深绿色</em><em>尺寸：185/XXL</em></td>
							<td class="pri">￥<span class="price">128</span></td>
							<td class="count"><span class="reduce">-</span>
								<input class="count-input" type="text" value="2">
								<span class="add">+</span></td>
							<td class="subt">￥<span class="subtotal">256</span></td>
							<td class="operation"><span>加入收藏夹</span><span class="delete">删除</span></td>
						</tr>-->
					</tbody>
				</table>
				<div class="box" id="box"></div>
				<div class="foot" id="foot">
					<label class="fl select-all"><i id="all1"></i><input type="checkbox" class="check-all check">全选</label>
					<a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
					<a href="#">加入收藏夹</a>
					<a href="#">分享</a>
					<div class="fr closing" onclick="getTotal();">
						<a href="confirm_order.html">结账</a>
					</div>
					<input type="hidden" id="cartTotalPrice">
					<div class="fr total">合计（不含运费）：<span id="priceTotal">0.00</span>元</div>
					<div class="fr selected" id="selected">已选商品<span id="selectedTotal">0</span>件</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>